<!-- 游戏详情 -->
<template>
  <!-- 老虎机(Slots) -->
  <Tiger :show="show && props.checkedItem.game_type == 1" :checkedItem="props.checkedItem" @onHideDetails="onHideDetails" />

  <!-- 百人场(飞机) -->
  <Hundred :show="show && props.checkedItem.game_type == 2 && props.checkedItem.game_id == 100001" :checkedItem="props.checkedItem" @onHideDetails="onHideDetails" />
  <!-- 百人(Luck49)\(大逃杀) -->
  <Luck :show="show && props.checkedItem.game_type == 2 && props.checkedItem.game_id == 100002 || props.checkedItem.game_id == 100003" :checkedItem="props.checkedItem" @onHideDetails="onHideDetails" />
  <!-- 百人场(千倍合约) -->
  <Thousand :show="show && props.checkedItem.game_type == 2 && props.checkedItem.game_id == 100005" :checkedItem="props.checkedItem" @onHideDetails="onHideDetails" />
  
  <!-- 街机(扫雷) -->
  <Arcade :show="show && props.checkedItem.game_type == 4 && props.checkedItem.game_id == 9" :checkedItem="props.checkedItem" @onHideDetails="onHideDetails" />

  <!-- MineGame -->
  <MineGame :show="show && props.checkedItem.game_type == 4 && props.checkedItem.game_id>10000000" :checkedItem="props.checkedItem" @onHideDetails="onHideDetails" />
</template>

<script lang="ts" setup>
import Hundred from '@/views/users/components/hundred.vue'
import Arcade from '@/views/users/components/arcade.vue'
import Tiger from '@/views/users/components/tiger.vue'
import Luck from '@/views/users/components/luck.vue'
import Thousand from '@/views/users/components/thousand.vue'
import MineGame from '@/views/users/components/mineGame.vue'

const props = defineProps({
  show: {
    type: Boolean,
    default: () => {
      return false
    }
  },
  checkedItem: {
    type: Object,
    default: () => {
      return {}
    }
  }
})

// 重置
const emit = defineEmits(['onHideDetails'])
const onHideDetails = () => {
  emit('onHideDetails', false)
}

</script>

<style scoped lang="scss"></style>
